<template>
  <div class="total">
    <header class="header">
        <img src="../../assets/images/logo.png" class="logo" @click="HomePage">
        <ul>
          <li><router-link to="/agriculture">农作物种植厂家</router-link></li>
          <li><router-link to="/resources">品种资源</router-link></li>
          <li><router-link to="/case">精选案例</router-link></li>
        </ul>
    </header>
    <div class="company">
      <h3 class="title">珠海三板农业发展有限公司</h3>
      <div class="brief">
        <h5>公司简介</h5>
        <p>珠海三板农业发展有限公司注册地址位于珠海市金湾区红旗镇三板村广生一围办公室，法人代表为古鹏，经营范围包括农作物种植（不含许可经营项目）、水产养殖、家禽牲畜饲养；社会经济咨询（不含许可经营项目）；农副产品（不含许可经营项目）、农机设备及配件、饲料的批发、零售。</p>
      </div>
      <div class="business">
        <h5>工商信息</h5>
        <el-row :gutter="24">
          <el-col :span="12" v-for="(item, index) in BusinessList" :key="index" style="padding-left: 0px;">
            <span>{{ item.title }}</span>
            {{ item.text }}
          </el-col>
          <el-col :span="24" style="padding-left: 0px;">
            <span>注册地址</span>
            珠海市金湾区红旗镇三板村广生一围办公室
          </el-col>
          <el-col :span="24" style="padding-left: 0px;">
            <span style="vertical-align: top;">经营范围</span>
              农作物种植、水产养殖、家禽牲畜饲养；农副产品、农机设备及配件、饲料的批发。              
          </el-col>
        </el-row>
      </div>
    </div>
    <div class="foot">
          <span>XXX提供技术支持</span>
    </div>

    <Foot></Foot>

  </div>
</template>

<script>
import Foot from '@/components/Footer'
export default {
    name: 'MyAgriculture',
    components:{
          Foot
      },
    data() {
      return {
        BusinessList:[
          {
            title: '法定代表人',
            text: '古鹏'
          },
          {
            title: '经营状态',
            text: '开业'
          },
          {
            title: '注册资本',
            text: '1，700万（元）'
          },
          {
            title: '统一社会信用代码',
            text: '914404006788343833'
          },
          {
            title: '纳税人识别号',
            text: '914404006788343833'
          },
          {
            title: '工商注册号',
            text: '440400000107954'
          },
          {
            title: '组织机构代码',
            text: '67883438-3'
          },
          {
            title: '成立日期',
            text: '2008-08-06'
          },
          {
            title: '公司类型',
            text: '有限责任公司(自然人投资或控股)'
          },
          {
            title: '行政区划',
            text: '广东省 珠海市 金湾区'
          },
          {
            title: '行政区划',
            text: '广东省 珠海市 金湾区'
          },
          {
            title: '行政区划',
            text: '广东省 珠海市 金湾区'
          },
        ],
        LongList:[
          {
            title: '注册地址',
            text: '珠海市金湾区红旗镇三板村广生一围办公室'
          },
          {
            title: '经营范围',
            text: '农作物种植（不含许可经营项目）、水产养殖、家禽牲畜饲养；社会经济咨询（不含许可经营项目）；农副产品（不含许可经营项目）、农机设备及配件、饲料的批发、零售。(依法须经批准的项目，经相关部门批准后方可开展经营活动)'
          },
        ]
      }
    },
    methods:{
      HomePage(){
        this.$router.push('home')
      }
    }
}
</script>

<style lang="scss" scoped>
a{
  text-decoration: none;
}
li{
  float: left;
  list-style: none;
}
 .total{
      padding: 0;
      margin: 0;
      height: auto;
      width: 100%;
      background: url(../../assets/images/green.png) no-repeat fixed;
      background-size: cover;
  }
  .header{
      top: 0;
      height: 100px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
  
      .logo{
          width: 250px;
          height: auto;
          margin-left: 3%;
      }
  
      ul{
        width: 70%;
        margin: 0 auto;

        li{
          width: 30%;
          height: 100%;
          float: left;
          list-style: none;
          margin: 0 5px;

          a{
            display: block;
            line-height: 80px;
            color: #666a66;
            font-size: 1.15rem;
          }
          a:hover{
            color: #fff;
          }
        }
      }
  }
  .company{
    width: 60%;
    margin: 10px auto;
    background-color: #fff;
    border-radius: 8px;

    .title{
      padding-top: 20px;
      text-align: center;
      font-size: 2rem;
      font-weight: 400;
      color: #638583;
    }

    .brief{
      width: 90%;
      margin: 0 auto;

      h5{
        font-size: 1.3rem;
        margin: 20px auto;
      }

      p{
        font-size: 1.1rem;
        color: #656a7b;
      }
    }

    .business{
      width: 90%;
      margin: 0 auto;

      h5{
        font-size: 1.3rem;
        margin: 20px auto;
      }

      .el-col{
        height: 43px;
        line-height: 43px;
        border: 1px solid #e3edfb;
        margin-bottom: 15px;
        display: inline-block;


        span{
          background: #f6faff;
          display: inline-block;
          padding-left: 15px;
          padding-right: 15px;
          margin-right: 15px;
        }
      }
      
    }
  }
  .foot{
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    color: rgb(117, 134, 151);;
}
</style>